<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="../../../swiper-4.4.1/dist/css/swiper.min.css" />
		<link rel="stylesheet" href="../../../css/pc/course/pc_course_details.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/pc/ofs/pc_dibu.css" />
		<script type="text/javascript" src="../../../js/jquery-1.9.1.min.js" ></script>
		<script type="text/javascript" src="../../../js/pc/comment_daohang.js"></script>
		<title>课程列表</title>
	</head>

	<body>
		<div class="main_wai">
			<div class="top_daohang">
				<div class="wrf_ding">
					<input id="ding_input" type="text" name="" id="" value="0" style="display: none;" />
				</div>
			</div>
			<!--80%框-->
			<div class="bashi div_center" style="margin-top: 10vw;">
				<!--路径导航-->
				<div class="yibai">
					<div class="rank">
						<span id="">
							首页
						</span>
						<img class="tubaifenbai" src="../../../img/pc/professional_experience/professional_details/arrow_right.png" />
						<span id="">
							研学课堂
						</span>
						<img class="tubaifenbai" src="../../../img/pc/professional_experience/professional_details/arrow_right.png" />
						<span id="">
							研学课堂详情页
						</span>
					</div>
				</div>

				<div class="purchase_det yibai" style="">
					<div class="jiushiyi div_center tan_between">
						<div class="" style="width: 43.6%;height: 21vw;">
							<img src="../../../img/pc/course/pc_course_details/tu.png" />
						</div>
						<div class="" style="width: 53%;height: 21vw;">
							<div class="adv_title">
								龙申少年“挑战轿子山”研学营
							</div>
							<div class="tan_between ma_top" style="height: 2.08vw;">
								<div class="tan_between" style="width: 36%;">
									<div class="yuanjiao zitan" style="width: 45%;height: 100%;">
										生存体验
									</div>
									<div class="yuanjiao zitan" style="width: 45%;height: 100%;">
										自然探索
									</div>
								</div>
								<div class="tan_between" style="width: 25%;">
									<div class="ershi zi_center">
										<img src="../../../img/pc/course/pc_course_details/one_star.png" />
									</div>
									<div class="ershi zi_center">
										<img src="../../../img/pc/course/pc_course_details/one_star.png" />
									</div>
									<div class="ershi zi_center">
										<img src="../../../img/pc/course/pc_course_details/one_star.png" />
									</div>
									<div class="ershi zi_center">
										<img src="../../../img/pc/course/pc_course_details/one_star.png" />
									</div>
									<div class="ershi zi_center">
										<img src="../../../img/pc/course/pc_course_details/one_star.png" />
									</div>
								</div>
							</div>
							<div class="ma_top">
								<span class="yiDianLinSi yanse">活动地点：</span>
								<span class="yiDianLinSi">云南省昆明市禄劝彝族苗族自治县</span>
							</div>
							<div class="ma_top">
								<span class="yiDianLinSi yanse">活动时间：</span>
								<span class="yiDianLinSi">7天6晚</span>
							</div>
							<div class="ma_top">
								<span class="yiDianLinSi yanse">课程提供机构：</span>
								<span class="yiDianLinSi" style="color: #faac14;">研学淘</span>
							</div>
							<div class="ma_top">
								<span class="yiDianLinSi yanse">销售价：</span>
								<span class="yiDianLinSi yanse" style="font-weight: 700;color:#ff9f61;">&yen;2880</span>
								<span class="yiDianLinSi yanse" style="margin-left: 4vw;">原价：</span>
								<span class="yiDianLinSi yanse" style="text-decoration:line-through;font-size: 0.9vw;">&yen;2880</span>
							</div>
							<div class="amount ma_top" style="width: 60%;height: 1.8vw;">
								<div class="">
									<span class="yiDianLinSi yanse">数量：</span>
								</div>
								<div class="amount" style="width: 30%;margin-left: 1vw;margin-right: 2vw;justify-content: space-between;">
									<div class="jian" style="width: 1vw;height: 1vw;border:1px solid #b3b3b3 ;">
										<img src="../../../img/pc/course/pc_course_details/jian.png" />
									</div>
									<div class="zitan" style="width: 1.5vw;height: 1.5vw;border:1px solid #b3b3b3 ;">
										<input type="" name="" id="" value="0" style="width: 100%;height: 100%;text-align: center;" />
									</div>
									<div class="zeng" style="width: 1vw;height: 1vw;border:1px solid #b3b3b3 ;">
										<img src="../../../img/pc/course/pc_course_details/jia.png" />
									</div>

								</div>
								<div class="shengyu">
									<span>（剩余名额：</span>
									<span>12</span>
									<span>人）</span>
								</div>
							</div>
						</div>

					</div>
					<!--分享栏-->
					<div class="jiushiyi div_center tan_between" style="height: 2.6vw">
						<div class="" style="width: 43.6%;">
							<div class="share">
								<div class="share_left" style="width: 33.5%;height: 100%;">
									<div class="collect1">
										<div class="eye" style="width: 1.3vw;height:63%;">
											<img class="tubaifenbai" src="../../../img/pc/course/course_review/eye.png">
										</div>
										<div class="eye zitan" style="height: 100%;">
											<span style="font-size: 0.83vw;">9999</span>人
										</div>

									</div>

									<div class="collect2">
										<div class="eye" style="width: 1.2vw;height:100%;">
											<img class="tubaifenbai" src="../../../img/pc/course/course_review/xing.png">
										</div>
										<div class="eye zitan">
											<span style="font-size: 0.83vw;">9999</span>人
										</div>

									</div>
								</div>
								<div class="share_icon" style="width: 35%;height: 100%;">
									<div class="shiba">
										<img class="tubaifenbai" src="../../../img/pc/course/course_review/fenxiang.png">
									</div>
									<div class="shiba">
										<img class="tubaifenbai" src="../../../img/pc/course/course_review/weixin.png">
									</div>
									<div class="shiba">
										<img class="tubaifenbai" src="../../../img/pc/course/course_review/pyou.png">
									</div>
									<div class="shiba">
										<img class="tubaifenbai" src="../../../img/pc/course/course_review/qq.png">
									</div>
									<div class="shiba">
										<img class="tubaifenbai" src="../../../img/pc/course/course_review/qq_space.png">
									</div>
								</div>
							</div>
						</div>
						<div class="" style="width: 53%;">
							<div class="ImmediatePurchase zitan">
								立即购买
							</div>
						</div>
					</div>
				</div>

				<div class="div_center">
					<div class="course_time" style="">
						课程时间
					</div>
					<div class="" style="position: relative;">
						<div class="" style="width: 90%;margin: 0 auto;">
							
						
					
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<!--Slide 44-->
								<!--票高：height: 9.3vw;-->
								<div class="piao_xuxian div_center p_border" style="width: 23vw;padding: 0.5vw;">
									<div class="tan_between">
										<div class="piao_shiqi" style="width: 60%;height:2vw;text-align: right;">
											第三期
										</div>
										<div class="gou piao_shiqi" style="width: 40%;height: 100%;">
											<div class="piao_1" style="width: 1.5vw;height: 1.5vw;">
												<img class="tubaifenbai" src="../../../img/pc/course/pc_course_details/ok.png">
											</div>
										</div>
									</div>
									<div class="pioao_nei" style="text-align: left;">
										<span>报名截止时间：</span>
										<span>2018年11月11日</span>
									</div>
									<div class="pioao_nei" style="text-align: left;">
										<span style="letter-spacing:0px">报名截止时间：</span>
										<span>2018年11月11日</span>
										<span>~</span>
										<span>2018年11月11日</span>
									</div>
									<div class="pioao_nei tan_between">
										<div class="">
											<span>剩余：</span>
											<span style="color: #faac14;">256</span>
											<span style="color: #faac14;">人</span>
										</div>
										<div class="">
											<span>已售：</span>
											<span style="color: #faac14;">256</span>
											<span style="color: #faac14;">人</span>
										</div>
									</div>
								</div>
							</div>
							<div class="swiper-slide">
								<!--Slide 44-->
								<!--票高：height: 9.3vw;-->
								<div class="piao_xuxian div_center p_border" style="width: 23vw;padding: 0.5vw;">
									<div class="tan_between">
										<div class="piao_shiqi" style="width: 60%;height:2vw;text-align: right;">
											第三期
										</div>
										<div class="gou piao_shiqi" style="width: 40%;height: 100%;">
											<div class="piao_1" style="width: 1.5vw;height: 1.5vw;">
												<img class="tubaifenbai" src="../../../img/pc/course/pc_course_details/ok.png">
											</div>
										</div>
									</div>
									<div class="pioao_nei" style="text-align: left;">
										<span>报名截止时间：</span>
										<span>2018年11月11日</span>
									</div>
									<div class="pioao_nei" style="text-align: left;">
										<span style="letter-spacing:0px">报名截止时间：</span>
										<span>2018年11月11日</span>
										<span>~</span>
										<span>2018年11月11日</span>
									</div>
									<div class="pioao_nei tan_between">
										<div class="">
											<span>剩余：</span>
											<span style="color: #faac14;">256</span>
											<span style="color: #faac14;">人</span>
										</div>
										<div class="">
											<span>已售：</span>
											<span style="color: #faac14;">256</span>
											<span style="color: #faac14;">人</span>
										</div>
									</div>
								</div>
							</div>
							<div class="swiper-slide">
								<!--Slide 44-->
								<!--票高：height: 9.3vw;-->
								<div class="piao_xuxian div_center p_border" style="width: 23vw;padding: 0.5vw;">
									<div class="tan_between">
										<div class="piao_shiqi" style="width: 60%;height:2vw;text-align: right;">
											第三期
										</div>
										<div class="gou piao_shiqi" style="width: 40%;height: 100%;">
											<div class="piao_1" style="width: 1.5vw;height: 1.5vw;">
												<img class="tubaifenbai" src="../../../img/pc/course/pc_course_details/ok.png">
											</div>
										</div>
									</div>
									<div class="pioao_nei" style="text-align: left;">
										<span>报名截止时间：</span>
										<span>2018年11月11日</span>
									</div>
									<div class="pioao_nei" style="text-align: left;">
										<span style="letter-spacing:0px">报名截止时间：</span>
										<span>2018年11月11日</span>
										<span>~</span>
										<span>2018年11月11日</span>
									</div>
									<div class="pioao_nei tan_between">
										<div class="">
											<span>剩余：</span>
											<span style="color: #faac14;">256</span>
											<span style="color: #faac14;">人</span>
										</div>
										<div class="">
											<span>已售：</span>
											<span style="color: #faac14;">256</span>
											<span style="color: #faac14;">人</span>
										</div>
									</div>
								</div>
							</div>
							<!--<div class="swiper-slide">Slide 4</div>-->
							<!--<div class="swiper-slide">Slide 4</div>
							<div class="swiper-slide">Slide 4</div>
							<div class="swiper-slide">Slide 4</div>-->
						</div>
						<!-- Add Pagination -->
						<!--<div class="swiper-pagination"></div>-->
						<!-- Add Arrows -->
					</div>
					</div>
						<div class="swiper-button-next"></div>
						<div class="swiper-button-prev"></div>
					</div>
				</div>
				<!--票结束-->

				<div class="">
					<div class="jiushiyi div_center">
						<div id="" class="tan_between" style="height: 3.125vw;margin-top: 2vw;border-bottom: 1px solid #b3b3b3;">
							<div class="tan_between" style="width: 31.25vw;">
								<div class="activite_de" style="font-size: 1.875vw;">
									活动详情
								</div>
								<div class="tip" style="font-size: 1.875vw;">
									温馨提示
								</div>
								<div class="pingjia" style="font-size: 1.875vw;">
									<span>用户评价</span>
									<span style="font-size: 1.2vw;">(3)</span>
									<!--<span style="font-size: 1.2vw;">3</span>
									<span style="font-size: 1.2vw;">）</span>-->
								</div>
							</div>
							<div class="liji_goumai">
								立即购买
							</div>
						</div>
						<div class="huodong nei_rong" style="margin-top: 2vw;">
							<!--活动详情-->
							<img class="tubaifenbai" src="../../../img/pc/course/pc_course_details/22222.png">
						</div>
						<div class="wenxin nei_rong" style="margin-top: 2vw;">
							<!--温馨提示-->
							<img class="tubaifenbai" src="../../../img/pc/course/pc_course_details/333.png">
						</div>

						<!--评论-->
						<div class="comment_1 discuss tt">
							<div class="" style="width: 7.8vw;height: 7.8vw;">
								<img class="tubaifenbai" src="../../../img/pc/course/course_review/yuantu.png">
							</div>
							<div class="" style="width:60vw;">
								<div class="com_title yibai">
									远在远方
								</div>
								<div class="content_1 yibai">
									"这是评论内容这是评论内容这是评论内容这是评论内容这是评论内容这是评论内容这是评论内容"
								</div>
								<div class="user_div">
									<span class="content_1" style="color: #db9712;">咖喱猫</span>
									<span class="content_1" style="color: #db9712;">：</span>
									<span class="content_1">这是回复这是回复这是回复回复这是回复这是回复这是回复这是回复</span>
								</div>
								<div class="time_comment discuss">
									<div class="data_time">
										<span>2018-09-26</span>
										<span>14:20</span>
									</div>
									<div class="discuss">
										<div class="wushi tan_ right_margin">
											<div class="up_down_center" style="height: 70%;width: 20%;">
												<img class="tubaifenbai" src="../../../img/pc/course/course_review/me.png">
											</div>
											<div class="plun">
												112222
											</div>
										</div>
										<div class="wushi discuss_right tan_">
											<div class="up_down_center" style="height: 70%;width: 20%;">
												<img class="tubaifenbai" src="../../../img/pc/course/course_review/zan.png">
											</div>
											<div class="zan">
												11222
											</div>
										</div>
									</div>
								</div>

							</div>
						</div>
						<div class="comment_1 discuss tt">
							<div class="" style="width: 7.8vw;height: 7.8vw;">
								<img class="tubaifenbai" src="../../../img/pc/course/course_review/yuantu.png">
							</div>
							<div class="" style="width:60vw;">
								<div class="com_title yibai">
									远在远方
								</div>
								<div class="content_1 yibai">
									"这是评论内容这是评论内容这是评论内容这是评论内容这是评论内容这是评论内容这是评论内容"
								</div>
								<div class="user_div">
									<span class="content_1" style="color: #db9712;">咖喱猫</span>
									<span class="content_1" style="color: #db9712;">：</span>
									<span class="content_1">这是回复这是回复这是回复回复这是回复这是回复这是回复这是回复</span>
								</div>
								<div class="time_comment discuss">
									<div class="data_time">
										<span>2018-09-26</span>
										<span>14:20</span>
									</div>
									<div class="discuss">
										<div class="wushi tan_ right_margin">
											<div class="up_down_center" style="height: 70%;width: 20%;">
												<img class="tubaifenbai" src="../../../img/pc/course/course_review/me.png">
											</div>
											<div class="plun">
												112222
											</div>
										</div>
										&nbsp;
										<div class="wushi discuss_right tan_">
											<div class="up_down_center" style="height: 70%;width: 20%;">
												<img class="tubaifenbai" src="../../../img/pc/course/course_review/zan.png">
											</div>
											<div class="zan">
												11222
											</div>
										</div>
									</div>
								</div>

							</div>
						</div>
						<div class="comment_1 discuss tt">
							<div class="" style="width: 7.8vw;height: 7.8vw;">
								<img class="tubaifenbai" src="../../../img/pc/course/course_review/yuantu.png">
							</div>
							<div class="" style="width:60vw;">
								<div class="com_title yibai">
									远在远方
								</div>
								<div class="content_1 yibai">
									"这是评论内容这是评论内容这是评论内容这是评论内容这是评论内容这是评论内容这是评论内容"
								</div>
								<div class="user_div">
									<span class="content_1" style="color: #db9712;">咖喱猫</span>
									<span class="content_1" style="color: #db9712;">：</span>
									<span class="content_1">这是回复这是回复这是回复回复这是回复这是回复这是回复这是回复</span>
								</div>
								<div class="time_comment discuss">
									<div class="data_time">
										<span>2018-09-26</span>
										<span>14:20</span>
									</div>
									<div class="discuss">
										<div class="wushi tan_ right_margin">
											<div class="up_down_center" style="height: 70%;width: 20%;">
												<img class="tubaifenbai" src="../../../img/pc/course/course_review/me.png">
											</div>
											<div class="plun">
												112222
											</div>
										</div>
										<div class="wushi discuss_right tan_">
											<div class="up_down_center" style="height: 70%;width: 20%;">
												<img class="tubaifenbai" src="../../../img/pc/course/course_review/zan.png">
											</div>
											<div class="zan">
												11222
											</div>
										</div>
									</div>
								</div>

							</div>
						</div>
						<!--<div class="more_center yibai zi_center">
											<span id="">
							 					加载更多……
							 				</span>
										</div>-->

					</div>
				</div>

			</div>
			<!--80%框-->
             <div class="foot">
             	
             </div>
		</div>

		<script type="text/javascript" src="../../../js/swiper.min.js"></script>
		<script type="text/javascript" src="../../../js/pc/course/piao.js"></script>
	</body>

</html>